.preload-backgroundImage {
  display: none;
}
.top-banner {
  width: 100%;
}
.top-banner .wrap {
  position: relative;
  width: 982px;
  height: 285px;
  margin: 0 auto;
}
.top-banner .wrap .banner {
  position: relative;
  width: 730px;
  height: 100%;
}
.top-banner .wrap .banner a {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 1;
  cursor: pointer;
}
.top-banner .wrap .banner a.current {
  opacity: 1;
}
.top-banner .wrap .banner a.out {
  opacity: 0;
}
.top-banner .wrap .banner a img {
  width: 730px;
  height: 284px;
}
.top-banner .wrap .dots {
  position: absolute;
  top: 259px;
  left: 0;
  width: 730px;
  height: 20px;
  text-align: center;
}
.top-banner .wrap .dots .dot {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(~@/assets/images/banner/banner.png) no-repeat 3px -343px;
}
.top-banner .wrap .dots .current {
  background: url(~@/assets/images/banner/banner.png) no-repeat -16px -343px;
}
.top-banner .wrap .download {
  position: absolute;
  top: 0;
  right: -1px;
  width: 254px;
  height: 285px;
  background: url(~@/assets/images/banner/download.png) no-repeat 0 0;
}
.top-banner .wrap .download a {
  display: block;
  width: 215px;
  height: 56px;
  margin: 186px 0 0 19px;
  background: url(~@/assets/images/banner/download.png) no-repeat 0 -9999;
}
.top-banner .wrap .download p {
  margin: 10px 0;
  text-align: center;
  color: #8d8d8d;
}
.top-banner .wrap .banner-btn {
  position: absolute;
  top: 50%;
  display: block;
  margin-top: -31px;
  width: 37px;
  height: 63px;
  background: url(~@/assets/images/banner/banner.png);
}
.top-banner .wrap .banner-btn.back {
  left: -68px;
  background-position: 0 -360px;
}
.top-banner .wrap .banner-btn.forward {
  right: -68px;
  background-position: 0 -508px;
}
.top-banner .wrap .banner-btn.back:hover {
  background-position: 0 -430px;
}
.top-banner .wrap .banner-btn.forward:hover {
  background-position: 0 -578px;
}
